<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <button id="btnNews">获取新闻列表</button>
    <!-- <script src="./封装简单的axios/index.js"></script> -->
    <!-- <script src="./js/index.js"></script> -->
    <script src="./js/myAxios.js"></script>
    <script>
      const btnNews = document.querySelector('#btnNews')
      btnNews.addEventListener('click', function () {
        // myAxios({
        //   method: 'get',
        //   url: 'http://ajax-api.itheima.net/api/area',
        //   // data: {
        //   //   username: 'admin',
        //   //   password: '123456',
        //   // },
        //   params: {
        //     pname: '浙江省',
        //     cname: '杭州市',
        //   },
        // })
        //   .then((res) => {
        //     console.log(res)
        //   })
        //   .catch((err) => {
        //     console.log(err)
        //   })
        // myAxios({
        //   method: 'get',
        //   url: 'http://ajax-api.itheima.net/api/news',
        // })
        //   .then((res) => {
        //     console.log(res)
        //   })
        //   .catch((err) => {
        //     console.log(err)
        //   })
        // myAxios({
        //   method: 'get',
        //   url: 'http://ajax-api.itheima.net/api/robot?spoken=我叫harry',
        // }).then(res => console.log(res))
        // myAxios({
        //   method: 'get',
        //   url: 'http://ajax-api.itheima.net/api/robot',
        //   params: {
        //     spoken: '我叫harry',
        //   },
        // }).then(res => console.log(res))
        myAxios({
          url: 'http://ajax-api.itheima.net/api/login',
          method: 'Post',
          data: {
            username: 'admin',
            password: '123456',
          },
        })
          .then((res) => {
            console.log('我在使用请求回来的值1')
            console.log(res)
          })
          .catch((error) => alert(error))
        myAxios({
          url: 'http://ajax-api.itheima.net/api/login',
          method: 'Post',
          data: 'username=admin&password=123456',
        })
          .then((res) => {
            console.log('我在使用请求回来的值2')
            console.log(res)
          })
          .catch((error) => alert(error))
      })
    </script>
  </body>
</html>
